<div class="page-product">
	<div class="product-header clearfix">
		<i class="icon icon-back" ng-click="back()"></i>
		<a href="javascript:void(0);" ng-click="switchTab(1)" class="product-tab-title" ng-class="{'selected':selection.tab == 1}">信息</a>
		<a href="javascript:void(0);" ng-click="switchTab(2)" class="product-tab-title" ng-class="{'selected':selection.tab == 2}">商品</a>
		<a href="javascript:void(0);" ng-click="switchTab(3)" class="product-tab-title" ng-class="{'selected':selection.tab == 3}">历史</a>
	</div>
	
    <!--信息-->
	<section class="product-tab-section description" ng-show="selection.tab == 1">
		
        <div class="monitor-win">
      		<table class="tab_table" style="clear:both;">
                <tr>
                    <td class="t_title_long">出库单号：</td>
                 	<td>781</td>
           		</tr>
           		<tr>
              		<td class="t_title_long">相关单据号：</td>
          			<td>300</td>
            	</tr>
                <tr>
              		<td class="t_title_long">相关单据类型：</td>
          			<td>订单</td>
            	</tr>
             	<tr>
             		<td class="t_title_long">出库仓库：</td>
             		<td>无锡总仓</td>
            	</tr>
              	<tr>
              		<td class="t_title_long">用户：</td>
              		<td>gongfei</td>
           		</tr>
           		<tr>
               		<td class="t_title_long">总价：</td>
               		<td>￥1125.00 元</td>
              	</tr>
          		<tr>
               		<td class="t_title_long">配送地址：</td>
              		<td>
                    	任店长</br>
    					叠石桥易买得</br>
    					川港镇</br>
    					海门市</br>
    					江苏省</br>
    					南通市</br>
                	</td>
             	</tr>
                <tr>
             		<td class="t_title_long">状态：</td>
             		<td>初始</td>
             	</tr>
               	<tr>
             		<td class="t_title_long">出库时间：</td>
             		<td>2017-09-22 11:54:25</td>
             	</tr>
              	<tr>
              		<td class="t_title_long">备注：</td>
             		<td></td>
           		</tr>
                <tr>
             		<td class="t_title_long">目标仓库：</td>
             		<td>南通分仓</td>
            	</tr>
                <tr>
             		<td class="t_title_long">管理员：</td>
             		<td>王芳</td>
            	</tr>
                <tr>
             		<td class="t_title_long">电话：</td>
             		<td>13962801102</td>
            	</tr>
                <tr>
             		<td class="t_title_long">地址：</td>
             		<td>江苏省南通市港闸区秦灶街道袁桥村十三组（袁桥工业园区、龙冠帽业厂区）</td>
            	</tr>
        	</table>
   		</div>
        
	</section>
    <!--信息-->
    
    <!--商品-->
	<section class="product-tab-section description" ng-show="selection.tab == 2">
    	
        <div class="monitor-win">
        	<p>
				<span style="position:absolute;right:6%;">
					<a style="margin:2px 2px;" class="destory-btn" href="javascript:void(0);"  ng-click="removeProduct($event)">删除</a>
           		</span>
			</p>
        	<table class="tab_table" style="clear:both;">
				<tr>
					<td class="t_title">商品编码：</td>
                    <td colspan="3">
                    	<input type="text" value="21010307000" />
                    </td>
        		</tr>
                <tr>
					<td class="t_title">商品名称：</td>
                    <td colspan="3">佳琪 真空保温杯 S2859 360ml </td>
        		</tr>
                <tr>
					<td class="t_title">条形码：</td>
                    <td colspan="3">6935658128599</td>
        		</tr>
                <tr>
					<td class="t_title">选项：</td>
                    <td colspan="3">随机</td>
        		</tr>
                <tr>
					<td class="t_title">单价：</td>
                    <td colspan="3">18.0000</td>
        		</tr>
                <tr>
					<td class="t_title">数量：</td>
                    <td colspan="3">
                    	<input type="text" value="55" />
                    </td>
        		</tr>
        	</table>
        </div>
        
        <div class="monitor-win">
        	<p>
				<span style="position:absolute;right:6%;">
					<a style="margin:2px 2px;" class="destory-btn" href="javascript:void(0);"  ng-click="removeProduct($event)">删除</a>
           		</span>
			</p>
        	<table class="tab_table" style="clear:both;">
				<tr>
					<td class="t_title">商品编码：</td>
                    <td colspan="3">
                    	<input type="text" value="21010307000" />
                    </td>
        		</tr>
                <tr>
					<td class="t_title">商品名称：</td>
                    <td colspan="3">佳琪 真空保温杯 S2859 360ml </td>
        		</tr>
                <tr>
					<td class="t_title">条形码：</td>
                    <td colspan="3">6935658128599</td>
        		</tr>
                <tr>
					<td class="t_title">选项：</td>
                    <td colspan="3">随机</td>
        		</tr>
                <tr>
					<td class="t_title">单价：</td>
                    <td colspan="3">18.0000</td>
        		</tr>
                <tr>
					<td class="t_title">数量：</td>
                    <td colspan="3">
                    	<input type="text" value="55" />
                    </td>
        		</tr>
        	</table>
        </div>
        
        <p  id="product-p" style="text-align:center;">
			<span>
				<a style="width:100px;" class="receive-btn" href="javascript:void(0);"  ng-click="addProduct()">添加商品</a>
    		</span>
		</p>

	</section>
    <!--商品-->
   	
    <!--历史--> 
	<section class="product-tab-section description" ng-show="selection.tab == 3">
    	
        <div class="monitor-win">
        	<table class="tab_table" style="clear:both;">
				<tr>
					<td class="t_title">操作内容：</td>
                    <td colspan="3">
                    	 	修改入库单<br/>
                            编辑前：<br/>
                            编码31060200200数量13<br/>
                            编码66010100200数量6<br/>
                            编码25011205700数量33<br/>
                            编辑后：<br/>
                            编码31060200200数量13<br/>
                            编码66010100200数量6<br/>
                            编码25011205700数量33<br/>
                    </td>
   				</tr>
                <tr>
					<td class="t_title">操作人：</td>
					<td>shenxianju</td>
					<td class="t_title">操作时间：</td>
					<td>2017-09-23 11:54:38</td>
				</tr>
        	</table>
        </div>
    	
        <div class="monitor-win">
        	<table class="tab_table" style="clear:both;">
				<tr>
					<td class="t_title">操作内容：</td>
                    <td colspan="3">新建出库单</td>
   				</tr>
                <tr>
					<td class="t_title">操作人：</td>
					<td>shenxianju</td>
					<td class="t_title">操作时间：</td>
					<td>2017-09-22 11:54:38</td>
				</tr>
        	</table>
        </div>

	</section>
    <!--历史-->
    
    <div class="product-footer clearfix">
		<a href="javascript:void(0);" class="g-button" ng-click="">完成单据</a>
		<a href="javascript:void(0);" class="b-button" ng-click="">保存修改</a>
		<a href="javascript:void(0);" class="r-button" ng-click="">作废</a>
	</div>
    
</div>